<CardGroup cols={4}>
  <Card
    title="Github"
    href="/cloud/integrations/code-repo/github"
    icon={
      <svg
        width="32"
        height="32"
        viewBox="0 0 40 41"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <ellipse cx="20" cy="20.5" rx="20" ry="20.5" fill="white" />
        <path
          d="M20.0001 0C8.95576 0 0 9.18083 0 20.5063C0 29.5666 5.73062 37.2532 13.6773 39.9648C14.6768 40.1546 15.0439 39.5199 15.0439 38.9783C15.0439 38.4893 15.0252 36.8738 15.0167 35.1604C9.45253 36.4008 8.27845 32.7409 8.27845 32.7409C7.36868 30.3706 6.05783 29.7405 6.05783 29.7405C4.2433 28.4677 6.19461 28.4938 6.19461 28.4938C8.203 28.6385 9.26054 30.607 9.26054 30.607C11.0443 33.742 13.9393 32.8356 15.0806 32.3118C15.26 30.9863 15.7784 30.0818 16.3503 29.5697C11.9081 29.051 7.23818 27.2927 7.23818 19.4353C7.23818 17.1966 8.01948 15.3672 9.29897 13.9312C9.09129 13.4146 8.40676 11.329 9.49269 8.50439C9.49269 8.50439 11.1722 7.95323 14.9941 10.6064C16.5894 10.1519 18.3004 9.92417 20.0001 9.91645C21.6998 9.92417 23.412 10.1519 25.0104 10.6064C28.8278 7.95323 30.505 8.50439 30.505 8.50439C31.5936 11.329 30.9087 13.4146 30.701 13.9312C31.9833 15.3672 32.7593 17.1965 32.7593 19.4353C32.7593 27.3114 28.0806 29.0457 23.6271 29.5533C24.3444 30.1897 24.9836 31.4377 24.9836 33.3508C24.9836 36.0945 24.9604 38.3028 24.9604 38.9783C24.9604 39.524 25.3204 40.1634 26.3343 39.962C34.2766 37.2474 40 29.5636 40 20.5063C40 9.18083 31.0455 0 20.0001 0Z"
          fill="black"
        />
      </svg>
    }
  ></Card>
  <Card
    title="Gitlab"
    href="/cloud/integrations/code-repo/gitlab"
    icon={
      <svg
        width="30"
        height="30"
        viewBox="0 0 41 40"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g clip-path="url(#clip0_118_3934)">
          <g clip-path="url(#clip1_118_3934)">
            <path
              d="M20.7244 40.0077L28.0844 15.4398H13.3643L20.7244 40.0077Z"
              fill="#E24329"
            />
            <path
              d="M20.7247 40.0077L13.3645 15.4398H3.0498L20.7247 40.0077Z"
              fill="#FC6D26"
            />
            <path
              d="M3.04944 15.4398L0.812875 22.9059C0.71343 23.2379 0.713416 23.5954 0.812836 23.9273C0.912255 24.2592 1.106 24.5485 1.36631 24.7537L20.7243 40.0079L3.04928 15.44L3.04944 15.4398Z"
              fill="#FCA326"
            />
            <path
              d="M3.0498 15.4402H13.3645L8.93185 0.643025C8.70372 -0.118398 7.71059 -0.118228 7.48262 0.643025L3.0498 15.4402Z"
              fill="#E24329"
            />
            <path
              d="M20.7238 40.0077L28.0838 15.4398H38.3987L20.7238 40.0077Z"
              fill="#FC6D26"
            />
            <path
              d="M38.3985 15.4398L40.6351 22.9059C40.7345 23.2379 40.7345 23.5954 40.635 23.9273C40.5356 24.2593 40.3418 24.5485 40.0815 24.7537L20.7236 40.0079L38.3985 15.44V15.4398Z"
              fill="#FCA326"
            />
            <path
              d="M38.3988 15.4402H28.084L32.5168 0.643025C32.7449 -0.118398 33.7381 -0.118228 33.966 0.643025L38.3988 15.4402Z"
              fill="#E24329"
            />
          </g>
        </g>
        <defs>
          <clipPath id="clip0_118_3934">
            <rect x="0.712891" width="40" height="40" rx="6" fill="white" />
          </clipPath>
          <clipPath id="clip1_118_3934">
            <rect
              width="40.0001"
              height="40.0001"
              fill="white"
              transform="translate(0.712891)"
            />
          </clipPath>
        </defs>
      </svg>
    }
  ></Card>
  <Card
    title="Ask us"
    href="https://t2taztilhde.typeform.com/to/mdJoO9lA"
    icon="plus"
    iconType="solid"
    color="#F2386C"
  ></Card>
</CardGroup>
